//设置不同浏览器的宽度

@media (max-width: 940px) {
  .ly {
    header {
      .container {
        width: 100%;
      }
      .center {
        height: 40px;
        margin: 0 auto;
        line-height: 40px;
        .logo {
          line-height: 40px;
          li {
            margin-top: 9px;

            img {
              width: 104px;
              height: 22px;

            }
          }
        }
        .link {
          position: absolute;
          top: 0;
          left: 540rem/@baseFontSize;
          width: 560rem/@baseFontSize;
          height: 40px;
          ul {
            li {
              float: left;

              a {
                text-align: center;
                width: 100rem/@baseFontSize;
                font-size: 14rem/@baseFontSize;
                display: block;
                height: inherit;
                text-decoration: none;

              }
              &:hover {
                border-bottom: 2px solid #3AAAFF;
                color: #3AAAFF;
              }
            }
            > li + li {
              margin-left: 50rem/@baseFontSize;

            }
          }

        }
        .login {
          width: 187rem/@baseFontSize;
          height: 100%;
          text-align: center;

          .ty {
            width: 100rem/@baseFontSize;
            height: 36rem/@baseFontSize;
            line-height: 36rem/@baseFontSize;
            display: inline-block;
            background: #3AAAFF;
            border-radius: 19rem/@baseFontSize;
            font-family: PingFang-SC-Medium;
            font-size: 14rem/@baseFontSize;
            color: #FFFFFF;
            letter-spacing: 2rem/@baseFontSize;
            text-align: center;
          }
          .btnLogin {
            font-family: PingFang-SC-Medium;
            font-size: 14rem/@baseFontSize;
            color: #3AAAFF;
            letter-spacing: 2rem/@baseFontSize;
            text-align: center;
            margin-left: 20rem/@baseFontSize;

          }
        }
      }
    }

  }

  //体验
  .experience {
    height: 590rem/@baseFontSize;
    overflow: hidden;
    text-align: center;
    h3 {
      font-size: 62rem/@baseFontSize;
    }
    p {
      font-size: 30rem/@baseFontSize;

    }
    .experience_input {
      width: 1057rem/@baseFontSize;
      height: 100rem/@baseFontSize;
      line-height: 1rem;
      margin: 0 auto;
      input {
        width: 45%;
        height: inherit;
        text-indent: 30rem/@baseFontSize;
        float: left;
        font-size: 25rem/@baseFontSize;
      }
      .div_code {
        margin: 0;
        float: right;
        display: inline-block;
        width: 45%;
        height: inherit;
        background: #F5F5F5;
        border-radius: 4rem/@baseFontSize;
        text-align: center;
        input {
          width: 40%;
        }
        button {
          width: 55%;
          font-size: 25rem/@baseFontSize;

        }

      }
      select {
        margin-top: 50rem/@baseFontSize;
        float: left;
        outline: none;
        border: none;
        width: 45%;
        font-size: 25rem/@baseFontSize;

      }
      > select + select {
        float: right;
      }

    }
    .ty {
      display: inline-block;
      width: 280rem/@baseFontSize;
      height: 78rem/@baseFontSize;
      line-height: 78rem/@baseFontSize;

    }

  }

  //底部
  footer {

    background: #3B3D40;
    height: 540rem/@baseFontSize;
    .foot_service {
      position: absolute;
      overflow: hidden;
      margin: 0 auto;
      width: 1200rem/@baseFontSize;
      height: inherit;
      padding-top: 50rem/@baseFontSize;

      .adress {
        float: left;
        width: 70%;
        text-align: center;
        img {
          display: inline-block;
          width: 263rem/@baseFontSize;
          margin-bottom: 24rem/@baseFontSize;
        }
        p {
          text-align: center;
          width: 100%;
          opacity: 0.5;
          font-family: PingFang-SC-Regular;
          font-size: 20rem/@baseFontSize;
          color: #FFFFFF;
          letter-spacing: 1rem/@baseFontSize;
          line-height: 70rem/@baseFontSize;
        }
      }

      .weixin {
        top: 30%;
        right: 0;
        position: absolute;
        display: inline-block;

        width: 30%;

        div {
          float: right;
          text-align: center;
          width: 220rem/@baseFontSize;
          img {
            display: inline-block;
            width: 220rem/@baseFontSize;

          }
          p {
            text-align: center;
            width: auto;
            opacity: 0.8;
            font-family: PingFang-SC-Regular;
            font-size: 30rem/@baseFontSize;
            color: #FFFFFF;
            letter-spacing: 1rem/@baseFontSize;
            height: 50rem/@baseFontSize;
            line-height: 50rem/@baseFontSize;
          }

        }

      }
      .partner {
        margin-top: 40rem/@baseFontSize;
        float: left;
        width: 70%;
        div {
          text-align: center;
          width: auto;
          float: left;
          li {
            width: auto;
            float: left;
            margin-left: 80rem/@baseFontSize;
            a {
              display: inline-block;
              opacity: 0.9;
              font-family: PingFang-SC-Regular;
              font-size: 12rem/@baseFontSize;
              color: #FFFFFF;
              letter-spacing: rem/@baseFontSize;
              text-align: right;
              height: 40rem/@baseFontSize;
            }
          }
        }
        /*   &:first-child div{
             margin-left: 70rem/@baseFontSize;
           }*/
      }

    }
  }
}

@media (max-width: 750px) {
  .ly_info {
    .info-service {
      width: 1200rem/@baseFontSize;
      margin: 0 auto;
      .f1 {
        height: 400rem/@baseFontSize;
        line-height: 400rem/@baseFontSize;
        border-bottom: 1px solid #EAEAEA;
        ul {
          height: 100%;
          padding-top: 77rem/@baseFontSize;
          li {
            width: 32%;
            float: left;
            display: inline-block;

            img {

              height: 45rem/@baseFontSize;
              width: auto;
              display: block;
              margin: 0 auto;
            }
            p {
              font-family: PingFang-SC-Medium;
              font-size: 14rem/@baseFontSize;
              color: #656B6F;
              letter-spacing: 0;
              text-align: center;
              line-height: 22rem/@baseFontSize;
              margin-top: 30rem/@baseFontSize;
            }

          }
          .line {
            height: 30rem/@baseFontSize;
            width: 1px;
            background: #DDDDDD;
            display: inline-block;
            float: left;
            margin-top: 30rem/@baseFontSize;

          }
          .line_750 {
            display: none;
          }

        }
      }
      .f2 {

        ul {
          position: absolute;
          left: 0;
          bottom: 30rem/@baseFontSize;
        }
      }
    }

  }

  //介绍
  .ly_present {

    .l4 {
      width: 340rem/@baseFontSize;
    }
  }

  //产品页
  .ly {
    .pt_banner {
      .pt_img {
        height: 450rem/@baseFontSize;
        background-size: cover;
      }
      .pt_js {
        top: 0;
        position: absolute;
        left: 50%;
        margin-left: -355rem/@baseFontSize;
        margin-top: 52rem/@baseFontSize;
        h3 {
          font-family: PingFang-SC-Regular;
          font-size: 60rem/@baseFontSize;
          color: #FFFFFF;
          letter-spacing: 0;
          text-align: center;
          line-height: 60rem/@baseFontSize;
          margin-bottom: 20rem/@baseFontSize;
        }
        p {
          text-indent: 20rem/@baseFontSize;
          opacity: 0.7;
          font-family: PingFang-SC-Regular;
          font-size: 40rem/@baseFontSize;
          color: #FFFFFF;
          text-align: center;
          line-height: 70rem /@baseFontSize;
          width: 800rem/@baseFontSize;
          padding: 0 20rem/@baseFontSize;
        }

      }
    }
    .ly_service {
      .service_fl {
        border-bottom: 1px solid #EAEAEA;
        .item {
          width: 100%;
          padding-left: 0;
          float: left;
          height: 670rem/@baseFontSize;
          text-align: center;
          h3 {
            font-family: PingFang-SC-Medium;
            font-size: 60rem/@baseFontSize;
            color: #3C3D41;
            letter-spacing: -1.23px;
            line-height: 70rem/@baseFontSize;
            margin: 110rem/@baseFontSize  0 28rem/@baseFontSize;
          }
          .p1 {
            font-family: PingFang-SC-Regular;
            font-size: 35rem/@baseFontSize;
            color: #656B6F;
            line-height: 50rem/@baseFontSize;
          }
          .p2 {
            margin-top: 28rem/@baseFontSize;
            font-size: 25rem/@baseFontSize;
            color: #656B6F;
            line-height: 50rem/@baseFontSize;
            width: 100%
          }
          ul {
            margin-top: 52rem/@baseFontSize;
            text-align: center;
            li {
              display: inline-block;

              float: none;
              img {
                width: 40rem/@baseFontSize;
                margin-bottom: 20rem/@baseFontSize;
              }
              p {
                font-family: PingFang-SC-Medium;
                font-size: 20rem/@baseFontSize;
                color: #3B3D40;
                letter-spacing: 2rem/@baseFontSize;
                text-align: left;
              }
            }
            > li + li {
              margin-left: 50rem/@baseFontSize;
            }
          }
        }
        .item_img {
          width: 100%;
          img {
            width: 80%;
            height: auto;
          }

        }

      }
      /*   .service_fr {
           .item {
             float: right;
             height: 670rem/@baseFontSize;
             h3 {
               font-family: PingFang-SC-Medium;
               font-size: 32rem/@baseFontSize;
               color: #3C3D41;
               letter-spacing: -1.23px;
               line-height: 55rem/@baseFontSize;
               margin: 110rem/@baseFontSize  0 28rem/@baseFontSize;
             }
             .p1 {
               font-family: PingFang-SC-Regular;
               font-size: 24rem/@baseFontSize;
               color: #656B6F;
               line-height: 34rem/@baseFontSize;
             }
             .p2 {
               margin-top: 28rem/@baseFontSize;
               font-size: 18rem/@baseFontSize;
               color: #656B6F;
               line-height: 26rem/@baseFontSize;
               width: 350rem/@baseFontSize;
             }
             ul {
               li {
                 margin-top: 52rem/@baseFontSize;
                 !* width: 33%;*!
                 float: left;
                 img {
                   width: 25rem/@baseFontSize;
                   margin-bottom: 10rem/@baseFontSize;
                 }
                 p {
                   font-family: PingFang-SC-Medium;
                   font-size: 11rem/@baseFontSize;
                   color: #3B3D40;
                   letter-spacing: 2rem/@baseFontSize;
                   text-align: left;
                 }
               }
               > li + li {
                 margin-left: 50rem/@baseFontSize;
               }
             }
           }
           .item_img {
             float: left;
             img {
               width: 712rem/@baseFontSize;
               height: 670rem/@baseFontSize;
             }

           }

         }*/
      .service_fr {
        border-bottom: 1px solid #EAEAEA;
        position: relative;
        display: flex;
        flex-direction: column-reverse;
        .item_img {
          float: right;
          width: 100%;
          img {
            width: 80%;
            height: auto;
            margin-left: 120rem/@baseFontSize;
          }

        }
        .item {
          width: 100%;
          padding-left: 0;
          float: left;
          height: 670rem/@baseFontSize;
          text-align: center;
          h3 {
            font-family: PingFang-SC-Medium;
            font-size: 60rem/@baseFontSize;
            color: #3C3D41;
            letter-spacing: -1.23px;
            line-height: 70rem/@baseFontSize;
            margin: 110rem/@baseFontSize  0 28rem/@baseFontSize;
          }
          .p1 {
            font-family: PingFang-SC-Regular;
            font-size: 35rem/@baseFontSize;
            color: #656B6F;
            line-height: 50rem/@baseFontSize;
          }
          .p2 {
            margin-top: 28rem/@baseFontSize;
            font-size: 25rem/@baseFontSize;
            color: #656B6F;
            line-height: 50rem/@baseFontSize;
            width: 100%
          }
          ul {
            margin-top: 52rem/@baseFontSize;
            text-align: center;
            li {
              display: inline-block;

              float: none;
              img {
                width: 40rem/@baseFontSize;
                margin-bottom: 20rem/@baseFontSize;
              }
              p {
                font-family: PingFang-SC-Medium;
                font-size: 20rem/@baseFontSize;
                color: #3B3D40;
                letter-spacing: 2rem/@baseFontSize;
                text-align: left;
              }
            }
            > li + li {
              margin-left: 50rem/@baseFontSize;
            }
          }
        }

      }
    }

  }
  //使用说明
  .ly {
    .sm_service {
      .f2 {
        li {
          div{
            p{
              a{
                float: right;
                margin-right: 20%;

              }
            }
          }
        }
      }

    }

  }

}

@media (max-width: 620px) {
  .ly {
    header {

      .center {

        .login {
          width: 100px;
          height: 100%;
          text-align: center;

          .ty {
            width: 50px;
            height: 50rem/@baseFontSize;
            line-height: 50rem/@baseFontSize;
            display: inline-block;
          }

        }
      }
    }

  }

  //介绍
  .ly_present {

    .l1 {
      height: 160rem/@baseFontSize;
      width: 100%;

      overflow: hidden;
      h3 {
        /*text-indent: -90rem/@baseFontSize;*/
        font-family: PingFang-SC-Regular;
        font-size: 42rem/@baseFontSize;
        color: #FFFFFF;
        letter-spacing: 0;
        text-align: center;
        line-height: 55rem/@baseFontSize;
        margin-top: 50rem/@baseFontSize;

      }
      p {
       /* text-indent: -90rem/@baseFontSize;*/
        opacity: 0.8;
        font-family: PingFang-SC-Regular;
        font-size: 18rem/@baseFontSize;
        color: #FFFFFF;
        letter-spacing: 0.5rem/@baseFontSize;
        text-align: center;
        line-height: 55rem/@baseFontSize;
      }
    }
    .l2 {
      width: 353rem/@baseFontSize;
      height: 540rem/@baseFontSize;
      float: left;
      ul {
        list-style-type: circle !important;
        list-style: square;
        li {

          opacity: 0.5;
          font-family: PingFang-SC-Regular;
          font-size: 16rem/@baseFontSize;
          color: #FFFFFF;
          letter-spacing: 0.44rem/@baseFontSize;
          text-align: center;
          margin-bottom: 17rem/@baseFontSize;
          text-indent: 150rem/@baseFontSize;

          text-align: left;
          &:hover {
            opacity: 1;
          }
          &::before {
            display: inline-block;
            content: "";
            width: 5px;
            height: 5px;
            border-radius: 50%;
            margin-right: 10rem/@baseFontSize;
            opacity: 0.5;
            background: #FFFFFF;
          }

        }

      }

    }
    .l3 {
      float: left;

      margin-top: 30rem/@baseFontSize;
      img {
        width: 716rem/@baseFontSize;
        height: 399rem/@baseFontSize;
      }
    }
    .l4 {
      width: 340rem/@baseFontSize;
      height: 540rem/@baseFontSize;
      float: right;
      position: relative;

      .l4_info {
        position: absolute;
        bottom: 269rem/@baseFontSize;
        width: 190rem/@baseFontSize;
        p {
          text-indent: 5rem/@baseFontSize;
          opacity: 0.8;
          font-family: PingFang-SC-Regular;
          font-size: 16rem/@baseFontSize;
          color: #FFFFFF;
          letter-spacing: 0.5rem/@baseFontSize;
          line-height: 45rem/@baseFontSize;
        }
        a {
          font-family: PingFang-SC-Medium;
          font-size: 14rem/@baseFontSize;
          color: #3AAAFF;
          letter-spacing: 2rem/@baseFontSize;
          text-align: center;
        }

      }
    }
  }
}

@media (max-width: 530px) {

  .ly {
    header {
      .center {
        .link {

          ul {
            li {

              &:last-child a {
                width: 200rem/@baseFontSize;
              }
            }
          }
        }
        .login {
          width: 300rem/@baseFontSize;
          .ty {
            width: 50px;
            height: 60rem/@baseFontSize;
            line-height: 60rem/@baseFontSize;
            display: inline-block;
          }
          .btnLogin {
            margin-left: 20rem/@baseFontSize;
          }
        }
      }

    }
  }

  .ly_info {
    height: 1700rem/@baseFontSize;
    .info-service {
      width: 1200rem/@baseFontSize;
      margin: 0 auto;
      .f1 {
        height: 700rem/@baseFontSize;
        line-height: 400rem/@baseFontSize;
        border-bottom: 1px solid #EAEAEA;
        ul {
          height: 100%;
          padding-top: 77rem/@baseFontSize;
          li {
            width: 49%;
            float: left;
            display: inline-block;

            img {

              height: 75rem/@baseFontSize;
              width: auto;
              display: block;
              margin: 0 auto;
            }
            p {
              font-family: PingFang-SC-Medium;
              font-size: 14rem/@baseFontSize;
              color: #656B6F;
              letter-spacing: 0;
              text-align: center;
              line-height: 22rem/@baseFontSize;
              margin-top: 45rem/@baseFontSize;
            }

          }
          .line {
            height: 30rem/@baseFontSize;
            width: 1px;
            background: #DDDDDD;
            display: inline-block;
            float: left;
            margin-top: 30rem/@baseFontSize;

          }
          > span:nth-child(even) {
            display: none;
          }
          > span:nth-child(odd) {
            display: inherit;
          }

        }
      }
      .f2 {
        height: 445rem/@baseFontSize;
        h4 {
          font-size: 70rem/@baseFontSize;
          color: #3C3D41;
          letter-spacing: 0;
          text-align: center;
          line-height: 55px;
          margin-top: 48rem/@baseFontSize;
          margin-bottom: 0;

        }
        p {
          font-family: PingFang-SC-Regular;
          font-size: 40rem/@baseFontSize;
          color: #656B6F;
          letter-spacing: 0.5px;
          text-align: center;
          line-height: 55rem/@baseFontSize;
        }
        position: relative;
        ul {
          position: relative;
          height: 190rem/@baseFontSize;
          margin-top: 100rem/@baseFontSize;
          li {
            height: 190rem/@baseFontSize;
            line-height: 190rem/@baseFontSize;
            width: 98%;
            float: left;
            background: #FFFFFF;
            box-shadow: 0 5rem/@baseFontSize 20rem/@baseFontSize 0 rgba(186, 186, 186, 0.52);
            border-radius: 4rem/@baseFontSize;
            text-align: center;
            border-bottom: 1px dashed #EAEAEA;
            h5 {
              font-family: PingFang-SC-Regular;
              font-size: 40rem/@baseFontSize;
              color: #3C3D41;
              letter-spacing: 2rem/@baseFontSize;
              text-align: center;
              line-height: 10rem/@baseFontSize;
              display: inline-block;
              margin-right: 50rem/@baseFontSize;
            }
            p {
              margin-left: 50rem/@baseFontSize;

              display: inline-block;
              font-family: PingFang-SC-Regular;
              font-size: 90rem/@baseFontSize;
              color: #3AAAFF;
              letter-spacing: 0;
              text-align: center;
              line-height: 80rem/@baseFontSize;
              .jt {
                background: url("../images/jt.png") no-repeat center;
                width: 14px;
                height: 16px;
                display: inline-block;
                vertical-align: middle;

              }
            }

          }
          > li + li {
            margin-left: 0;
          }
        }
      }
    }

  }

  .ly_present {
    display: none;
    .l3 {
      display: none;
    }
  }

  footer {
    width: 100%;
    background: #3B3D40;
    height: 1300rem/@baseFontSize;
    .foot_service {
      margin: 0 auto;
      width: 100%;
      height: inherit;
      padding-top: 50rem/@baseFontSize;
      div {
        width: 100%;
        float: left;
      }
      .adress {
        text-align: center;
        width: 100%;
        img {
          width: 500rem/@baseFontSize;
          margin-bottom: 34rem/@baseFontSize;
        }
        p {
          width: 100%;
          text-align: center;
          opacity: 0.5;
          font-family: PingFang-SC-Regular;
          font-size: 40rem/@baseFontSize;
          color: #FFFFFF;
          letter-spacing: 1rem/@baseFontSize;
          line-height: 70rem/@baseFontSize;
        }
      }
      .partner {
        width: 100%;
        div {
          li {
            a {
              display: inline-block;
              opacity: 0.9;
              font-family: PingFang-SC-Regular;
              font-size: 35rem/@baseFontSize;
              color: #FFFFFF;
              letter-spacing: rem/@baseFontSize;
              text-align: right;
              height: 32rem/@baseFontSize;
            }
          }
        }
      }
      .weixin {
        position: relative;
        width: 100%;
        float: left;
        top: 0;
        margin: 0 auto;
        div {
          float: none;
          display: block;
          text-align: center;
          width: 340rem/@baseFontSize;
          margin: 100rem/@baseFontSize auto;
          img {
            display: inline-block;
            width: 340rem/@baseFontSize;
            margin-bottom: 0;
          }
          p {
            text-align: center;
            width: auto;
            opacity: 0.8;
            font-family: PingFang-SC-Regular;
            font-size: 60rem/@baseFontSize;
            color: #FFFFFF;
            letter-spacing: 1rem/@baseFontSize;
            height: 30rem/@baseFontSize;
            line-height: 70rem/@baseFontSize;
          }

        }

      }
    }
  }
  //使用说明
  .ly {
    .sm_service {
      .f2 {
        li {
          div{
            p{
              a{
                float: right;
                margin-right: 5%;

              }
            }
          }
        }
      }

    }

  }
}

@media (max-width: 400px) {

  .ly {
    header {

      .center {

        .logo {
          display: none;
        }
        .link {
          position: absolute;
          top: 0;
          left: 20%;

        }
        .login {
          width: 100px;
          height: 100%;
          text-align: center;

          .ty {
            width: 50px;
            height: 80rem/@baseFontSize;
            line-height: 80rem/@baseFontSize;
            display: inline-block;
          }

        }
      }
    }

  }

  //体验
  .experience {
    height: auto;
    /* height: 1090rem/@baseFontSize;*/
    overflow: hidden;
    text-align: center;
    width: 100%;
    h3 {
      font-family: PingFang-SC-Regular;
      font-size: 72rem/@baseFontSize;
      color: #3C3D41;
      letter-spacing: 0;
      text-align: center;
      line-height: 72rem/@baseFontSize;
      margin: 50rem/@baseFontSize 0 14rem/@baseFontSize;
    }
    p {
      font-family: PingFang-SC-Regular;
      font-size: 50rem/@baseFontSize;
      color: #656B6F;
      letter-spacing: 0.5/@baseFontSize;
      text-align: center;
      line-height: 55rem/@baseFontSize;
      height: 55rem/@baseFontSize;
      display: block;

    }
    .experience_input {

      height: auto;
      width: 60%;
      /* height:125rem/@baseFontSize;*/
      margin: 0 auto;

      input {
        width: 100%;
        height: 150rem/@baseFontSize;
        background: #F5F5F5;
        border-radius: 4rem/@baseFontSize;
        font-family: PingFang-SC-Regular;
        font-size: 14rem/@baseFontSize;
        color: rgba(128, 131, 130, 0.47);
        letter-spacing: 0;
        text-align: left;
        border: none;
        text-indent: 30rem/@baseFontSize;

      }
      .div_code {
        width: 100%;
        margin: 0;
        margin-top: 50rem/@baseFontSize;
        display: inline-block;
        // width: 250rem/@baseFontSize;
        // width: 250rem/@baseFontSize;
        height: 150rem/@baseFontSize;
        line-height: 150rem/@baseFontSize;
        background: #F5F5F5;
        border-radius: 4rem/@baseFontSize;
        text-align: center;
        input {
          width: 50%;
        }
        button {
          outline: none;
          border: none;
          width: 50%;
          border-left: 1px solid #DDDDDD;
          font-family: PingFang-SC-Regular;
          font-size: 14rem/@baseFontSize;
          color: #3AAAFF;
          letter-spacing: 0;
          text-align: left;
          background: #F5F5F5;
          text-align: center;

          span {
            background: #F5F5F5;
          }
        }

      }
      select {
        outline: none;
        border: none;
        width: 100%;
        height: 150rem/@baseFontSize;
        background: #F5F5F5;
        border-radius: 4rem/@baseFontSize;
        color: rgba(128, 131, 130, 0.47);
        option {
          outline: none;
          border: none;
        }
      }
      > select + select {
        float: right;
      }

    }
    .ty {
      display: inline-block;
      width: 280rem/@baseFontSize;
      height: 108rem/@baseFontSize;
      line-height: 108rem/@baseFontSize;
      background: #3AAAFF;
      border-radius: 24rem/@baseFontSize;
      font-family: PingFang-SC-Medium;
      font-size: 16rem/@baseFontSize;
      color: #FFFFFF;
      letter-spacing: 2.29rem/@baseFontSize;
      text-align: center;
      margin: 50rem/@baseFontSize 0;

    }

  }


}


